import Vue from 'vue'
import VueRouter from 'vue-router'
import Top from '../views/top.vue'
import Left from '../views/left.vue'
import Right from '../views/right.vue'
import Login from '../views/login.vue'
import Task from '../views/task'
import LouOut from '../views/logout'

Vue.use(VueRouter)


const routes = [
  {
    path: '/login',
    name: 'Login',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: Login
  },
  {
    path: '/top',
    name: 'Top',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: Top
  },
  {
    path: '/left',
    name: 'Left',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: Left
  },
  {
    path: '/right',
    name: 'Right',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: Right
  },{
    path: '/task',
    name: 'Task',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: Task
  },{
    path: '/logout',
    name: 'LouOut',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: LouOut
  },

]

const router = new VueRouter({
  routes
})

export default router
